import type { Component, App } from 'vue'
import ColorPicker from '@/components/ColorPicker.vue'
import ImageProcesser from './ImageProcesser.vue'
import ShadowPicker from './ShadowPicker.vue'
import IconSwitch from './IconSwitch.vue'
import TextareaFix from './TextareaFix.vue'
import BackgroundProcesser from './BackgroundProcesser.vue'
const globalComponents: ElementDataProps<Component> = {
  ColorPicker,
  ImageProcesser,
  ShadowPicker,
  IconSwitch,
  TextareaFix,
  BackgroundProcesser
}

export default {
  install(app: App) {
    Object.keys(globalComponents).forEach((key) => {
      app.component(key, globalComponents[key])
    })
  }
}
